/***************STRUCTURE***************************/
/*Reset*/
* {
margin:0;
padding:0;
}


body,
html{
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:#000;font-family:"Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
        min-height:100%;
        position:relative;
        background-color: #65903c;
}


#header{
    font-family: Arial;
    font-size: 18px;
    position:relative;
    width:100%;
    height:2%;   /* Height of the header */
    z-index: 2;
}

a:visited {
   color: blue;
}
.headerTable {
    background:#65903c;
    color:#fff;
    width:100%;
}

.headerSiteName {
    font-size: 18px;
}

.headerUserInfo {
    text-align:left;
}

#footer {
    font-family: Arial;
    font-size: 13px;
    position: relative;
    bottom:0;
    width:100%;
    z-index: 2;
    background-color: white;
    color: #558329;
}


#header {    
    background:#65903c;
    color:#fff;        
}

#nav {    
    background-color: khaki;
}

#content {
    background:#fff;
    color:#000;
    font-family: Arial;
    font-size : 12px;
/*    margin-top : 6%;*/
    margin-top : 23%;
    margin-bottom:10%;
    margin-right: 10%;
    margin-left: 3%;
}

.sitebox{
    border : 2px solid white;
    width : 80%;
    position : relative;
    background-color: white;
    margin-top : 2%;
    margin-left: 10%;
    margin-right: 10%;
}
.contentbox{
    border:0px solid black;
    position: relative;
    width: 110%;
     
    z-index: 1;
    float:left;
    
    
}


.dashboardbox{
    border : 2px solid gray;
    position : relative;
    width : 30%;
    float:left;
    margin-left:2%;
    height:60%;
}

#content h1 {
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 20px;
}

#content p {
    font-size: 10px;
    font-weight: bold;
}

#content table {
    margin-bottom : 20px;
    border-top : 5px solid #558329;
    border-style: ridge;
}

#content table td{
    padding-left : 5px;
    padding-right : 5px;
    font-size : 15px;
}

.contentText{
    font-size : 15px;
    margin-left: 5%;
    margin-bottom:5%;
    margin-top:3%;
}

.errorMessage, .noPermissionMsg {
    color: #ba3f39;
}

.successMessage {
    color: #558329;
}

.screenlet {
    color : #fff;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    background-color : #558329;
    padding-left : 1%;
    padding-right : 1%;
    padding-top : 0.3%;
    height: 18px;
}
th {
    text-align : center;
    padding-right : 20px;
    padding-left : 20px;
}

.scanClassBig span {
    font-size: 10px;
}

.scanClassBig input {
    width : auto;
    height: 40px;

    margin-right : 5px;
    margin-bottom : 5px;
    font-size : 30px;
}

.loginInput {
    height: 40px;
    font-size : 30px;
}

.siteGreenButton {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #558329;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.siteRedButton {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #ba3f39;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    cursor: pointer;
}

.archiveBtnAttch {
    position: relative;
    top: 0px;
    right : 3.5%;
/*    left: 80.5%;*/
    text-align: right;
} /* for archive button in viewing of attachment */

a.logoutLink {
    text-decoration: none;
    color: white;
}


/*** THIS CREATES THE CIRCLE FOR ROUTE ADMIN ***/
.divCircle {
    background: #c6e89f;
    width: 2.5em; height: 2.5em; 
    -webkit-border-radius: 1.25em; -moz-border-radius: 1.25em;
    position: relative;
    float:left;
}

.divCircle p {
    text-align: center; 
    padding-top: 0.8em;
}
  
.divDash {
    position: relative;
    padding-top: 1em;
}
/*************************** START - CSS FOR NAVIGATION BAR ***************************/
ul#primary-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul#primary-nav li {
    position: relative;
    list-style: none;
    float: left;
}

ul#primary-nav li a, ul#primary-nav li li a {
    display: block;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #ccc;
}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
    position: absolute;
    display: none;
}

ul#primary-nav ul ul {
    left: 150px;
    top: 0;
} 

ul#primary-nav li ul li a { 
    padding: 2px 5px; 
} /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { 
    display: none; 
} /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { 
    z-index: 1;
    display: block; 
    background-color: khaki;
} /* The magic */

ul#primary-nav li:hover, ul#primary-nav li.over { 
    background-color: #f9f9f9; 
} /* background color during hover and over */

ul#primary-nav li a:hover { 
    color: #E2144A; 
} /* text color during hover*/

.searchSubMenu {
    width: 220%;
    background-color: khaki;
}

.adminToolsSubMenu {
    width: 115%;
    background-color: khaki;
}

.highlightMenuBar {
    background-color: #c6e89f;
} /* used when the user is on that screen or page */
/*************************** END - CSS FOR NAVIGATION BAR ***************************/

/*************************** START - CSS FOR LOGIN PAGE ***************************/
.loginDiv {
    border-style:solid;
    border-width:1px;
    background-color: #fff;
    z-index: 1;
    width: 38%;
    height: 75%;
    position:relative;
    top: 10%;
    left: 30.6%;
    background-image:url('../images/login/horiz_lasalle.png');
    background-repeat:no-repeat;
    background-position:bottom;
/*    background: url('../images/loginbg.gif') bottom center no-repeat;*/
}

.loginExtraSpace td{
    padding-bottom:5%;
} 

.loginCssHeader td{
    font-size:30px;
    color : #558329;
    padding-top:12%;
}

.loginExtraSpaceHeader td{
    padding-bottom:10%;
}
/*************************** END - CSS FOR LOGIN PAGE ***************************/

/*************************** START - CSS FOR TRACK DOCUMENT ***************************/
.trackDocTd {
    padding-top:2%;
    padding-bottom:2%;
}

.trackInvisibleInfo, .inviInfoIcn {
    border-style:solid;
    border-width:1px;
    padding: 1%;
    position: absolute;
    z-index: 10;
    text-align: left;
}

.trackInvisibleInfo {
    background-color: #c6e89f;
}

.inviInfoIcn {
    background-color: khaki;
}

.trackTableTd {
    text-align:right;
}

.indvTd {
    border: 0px;
}

.trckTableMainPage {
    width: 108%;
}

.docNameTrck {
    width: 18%;
}

.docIdTrck {
    width: 13.5%;
}

.trackOuterTableBorder {
    border: 0px;
    border-collapse: collapse;
} /* This serves as the outer frame of the table in track circles */

.trackOuterTableBorder td {
    padding-left: 0px;
    padding-right: 0px;
}

.trackInnerTableBorder {
    border: 0px;
    border-collapse: collapse;
} /* This serves as the inner frame of the table in track circles */

.trackInnerTableBorder td {
    padding-left: 0px;
    padding-right: 0px;
}

.trackHeaders {
    padding-bottom: 0px;
    font-weight:bold;
} /* This is used in the headers of the routes and subroutes of track points */

.trackCategories {
    position: absolute;
    z-index: 1;
    font-size: 12;
} /* This is used to bring forward the initials in track points */

.trackInitials {
    position: absolute;
    z-index: 2;
    padding-left: 0px;
    font-size: 10;
} /* This is used to bring forward the initials in track points */
/*************************** END - CSS FOR TRACK DOCUMENT ***************************/

/*************************** START - CSS FOR DISPLAY LOG ***************************/
.logMainDocTable {
    width : 110%;
    border-collapse:collapse;
    border: 1px solid black;
}

.logMainDocTable td {
    border: 1px solid black;
}

.logAttachTable {
    width : 95.8%;
    border-collapse:collapse;
    border: 1px solid black;
}

.logAttachTable td{
    border: 1px solid black;
}

.logHeader {
    text-align: center;
    font-weight:bold;
}

.logHeaderDoc {
    text-align: center;
    font-weight:bold;
    width : 18%;
}

.mainDocLogGreenRow {
/*    background-color : #c6e89f;*/
}  /* This css is for the main document rows in the logs */

.mainDocLogRedRow {
    background-color : tomato;
}  /* This css is for the main document rows in the logs */

.attachLogGreenRow {
    background-color : #c6e89f;
}  /* This css is for the attachment rows in the logs */

.dispAttachLogRow {
    padding-left: 20%;
} /* This css was used for the indention of the attachments in the logs */

td.noBorders {
    border: 0px;
} /* Remove borders in the attachment rows */
/*************************** END - CSS FOR DISPLAY LOG ***************************/

/*************************** START - CSS FOR SEARCH OF EXTERNAL ACCOUNTS ***************************/
.tableExAcc {
    border: 0px;
    background-color: #c6e89f;
    position: absolute;
    z-index: 10;
    box-shadow: 1px 1px 7px #000000;
}

.exAccTd:hover { 
    background-color: khaki;
    cursor: pointer;
} /* text color during hover*/
/*************************** END - CSS FOR SEARCH OF EXTERNAL ACCOUNTS ***************************/

/*************************** START - CSS FOR PAGINATION ***************************/
.paginationNumBarDiv {
    padding-top: 1%;
    padding-bottom: 1%;
}

.paginationBtnCss { 
    font: 'trebuchet ms',helvetica,sans-serif;
    border:1px solid;   
    text-align: center;
    font-size: 100%;
    padding-right: 0.5%;
    padding-left: 0.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    cursor: pointer;
}

.paginationPageNumbers {
    color: blue;
    border-color: grey;
    background-color: #fed;
}

.paginationCurrentPage {
    color: white; 
    border-color: black;
    background-color: #558329;
}
/*************************** END - CSS FOR PAGINATION ***************************/

/*******************************START Theatre CSS ***********************************/
.theatreTransparent {
    background-color: gray;
    position:fixed;
    z-index:4;
    width:100%;
    height:100%;
    top : 0;
    opacity:0.6;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    
}

.theatreContentBox{
    background-color: white;
    box-shadow: 7px 7px 10px #000000;
    border:2px solid black;
    position: fixed;
    z-index:5;
    margin-top: 3%;
    margin-left:20%;
    top : 0;
    width:55%;
   
    opacity:10;
    float:left;
}

.theatreContent{
    z-index: 6;
    color:black;
    font-family: Arial;
    font-size : 12px;
    margin-top : 6%;
    margin-bottom:10%;
    margin-right: 10%;
    margin-left: 10%;
}
.theatreContent table {
    margin-bottom : 20px;
    border-top : 5px solid #558329;
    border-style: ridge;
    background-color : white;
    font-size: 15px;
}

.theatreContent h1{
    font-size: 30px;
}

.theatreContentBox table td{
    padding-left : 5px;
}

.remarksDiv {
    color:black;
    font-family: Arial;
    font-size : 15px;
}
/*******************************END Theatre CSS ***********************************/


/*******************************Success/Error messages *********************************/
.messageBox, .noPermissionMsgBox{
    border : 2px solid green;
    background-color:khaki;
    margin-left:2%;
    margin-bottom: 2%;
    width:95%;
}

#successMessages{
    margin-left:2%;
    color:green;
    margin-top:2%;
    margin-bottom:2%;
}

#errorMessages, #noPermissionMsgs{
    margin-left:2%;
    color :red;
    margin-top:2%;
    margin-bottom:2%;
}
/*******************************END Success/Error messages *********************************/

.documentlist tr td a{
    font-size:15px;
}

.scrollRouteOuterDiv {
    width:100%; 
    height:100%; 
    overflow-y:hidden; 
    overflow-x:hidden;
    padding-top:5px;
    padding-bottom:5px;
}

.scrollRouteInnerDiv {
/*    width:500%; */
}


/************************************************************************************/
/***************** ADMIN ROUTE VIEW CSS **********************************************/
.stepInvisibleInfo{
    border-style:solid;
    border-width:1px;
    padding: 1%;
    position: absolute;
    z-index: 10;
    text-align: left;
    background-color: #c6e89f;
}

.attachmentRemarkTable {
    width : 110%;
    border-collapse:collapse;
    border:0;
    border-top-style: hidden;
}
